.app{
	width: 100%;
	height: 100vh;
	background-color: #fff;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.loading97{
	width: 64px;
	height: 32px;
	position: relative;
	box-sizing: border-box;
}
.power-box97{
	width: 60px;
	height: 32px;
	position: absolute;
	border: 2px solid #222;
	border-radius: 9px;
	box-sizing: border-box;
}
.power-box97:before{
	content: '';
	width: 50px;
	height: 22px;
	position: absolute;
	top: 3px;
	left: 3px;
	border-radius: 5px;
	z-index: 5;
	animation: power-eff97 10s linear infinite;
}
.power-box97:after{
	content: '';
	width: 2px;
	height: 10px;
	background-color: #222;
	position: absolute;
	right: -6px;
	top: 9px;
}
@keyframes power-eff97{
	0%{
		width: 1px;
		background-color: #f00;
	}
	19%{
		width: 10px;
		background-color: #f00;
	}
	20%{
		width: 10px;
		background-color: #f7b530;
	}
	69%{
		width: 34px;
		background-color: #f7b530;
	}
	70%{
		width: 34px;
		background-color: #00cb00;
	}
	100%{
		width: 50px;
		background-color: #00cb00;
	}
}